<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/reset.css">
    <title>Document</title>
    <style>
        p{
            width:120px;
            height:17px;
            font:17px/17px 'simhei';
            color:#333333;
            margin:40px auto 26px;
        }
        .money{
            width:120px;
            height:21px;
            font:21px/21px 'simhei';
            color:#fe6601;
            margin:0px auto 19px;
            text-align: center;
        }
        .paymoney{
            width:182px;
            height: 233px;
            background: url("img/paycode.gif") 100% 100% no-repeat;
            margin:0px auto 84px;;
        }
        a{
            display: inline-block;
            width:40%;
            height:38px;
            font: 18px/38px 'simhei';
            color:#ffffff;
            margin-left:30%;
            background:#999999;
            text-align: center;
            border-radius: 7px;
        }
    </style>
</head>
<body>
    <p>扫一扫付款(元)</p>
    <div class="money">7.00</div>
    <div class="paymoney"></div>
    <a href="appintmentApp.html">取消预约</a>
</body>
</html>